<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" name="viewport">
<title>It's Brain - premium admin HTML template by Eugene Kopyov</title>

<link type="text/css" rel="stylesheet" href="css/main.css">
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Cuprum">

<script type="text/javascript" src="js/jquery-1.4.4.js"></script>
<script src="js/spinner/jquery.mousewheel.js" type="text/javascript"></script>
<script src="js/spinner/ui.spinner.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script> 
<script src="js/fileManager/elfinder.min.js" type="text/javascript"></script>
<script src="js/wysiwyg/jquery.wysiwyg.js" type="text/javascript"></script>
<script src="js/wysiwyg/wysiwyg.image.js" type="text/javascript"></script>
<script src="js/wysiwyg/wysiwyg.link.js" type="text/javascript"></script>
<script src="js/wysiwyg/wysiwyg.table.js" type="text/javascript"></script>
<script src="js/flot/jquery.flot.js" type="text/javascript"></script>
<script src="js/flot/jquery.flot.pie.js" type="text/javascript"></script>
<script src="js/flot/excanvas.min.js" type="text/javascript"></script>
<script src="js/flot/jquery.flot.resize.js" type="text/javascript"></script>
<script src="js/dataTables/jquery.dataTables.js" type="text/javascript"></script>
<script src="js/dataTables/colResizable.min.js" type="text/javascript"></script><style type="text/css">.CRZ{table-layout:fixed}.CRZ td,.CRZ th{overflow:hidden}.CRC{height:0px;position:relative}.CRG{margin-left:-5px;position:absolute; z-index:5}.CRG .CRZ{position:absolute;background-color:red;filter:alpha(opacity=1);opacity:0;width:10px;cursor:e-resize;height:100%}.CRL{position:absolute;width:1px}.CRD{border-left:1px dotted black}</style>
<script src="js/forms/forms.js" type="text/javascript"></script>
<script src="js/forms/autogrowtextarea.js" type="text/javascript"></script>
<script src="js/forms/autotab.js" type="text/javascript"></script>
<script src="js/forms/jquery.validationEngine-en.js" type="text/javascript"></script>
<script src="js/forms/jquery.validationEngine.js" type="text/javascript"></script>
<script src="js/forms/jquery.dualListBox.js" type="text/javascript"></script>
<script src="js/forms/jquery.filestyle.js" type="text/javascript"></script>
<script src="js/colorPicker/colorpicker.js" type="text/javascript"></script>
<script src="js/uploader/plupload.js" type="text/javascript"></script>
<script src="js/uploader/plupload.html5.js" type="text/javascript"></script>
<script src="js/uploader/plupload.html4.js" type="text/javascript"></script>
<script src="js/uploader/jquery.plupload.queue.js" type="text/javascript"></script>
<script src="js/ui/progress.js" type="text/javascript"></script>
<script src="js/ui/jquery.jgrowl.js" type="text/javascript"></script>
<script src="js/ui/jquery.tipsy.js" type="text/javascript"></script>
<script src="js/ui/jquery.alerts.js" type="text/javascript"></script>
<script src="js/jBreadCrumb.1.1.js" type="text/javascript"></script>
<script src="js/cal.min.js" type="text/javascript"></script>
<script src="js/jquery.smartWizard.min.js" type="text/javascript"></script>
<script src="js/jquery.collapsible.min.js" type="text/javascript"></script>
<script src="js/jquery.ToTop.js" type="text/javascript"></script>
<script src="js/jquery.listnav.js" type="text/javascript"></script>
<script src="js/jquery.sourcerer.js" type="text/javascript"></script>
<script src="js/jquery.timeentry.min.js" type="text/javascript"></script>
<script src="js/jquery.prettyPhoto.js" type="text/javascript"></script>
<script src="js/custom.js" type="text/javascript"></script>

</head>

<body>

<!-- Top navigation bar -->
<div id="topNav">
    <div class="fixed">
        <div class="wrapper">
            <div class="backTo"><a title="" href="#"><img alt="" src="images/icons/topnav/mainWebsite.png"><span>Main website</span></a></div>
            <div class="userNav">
                <ul>
                    <li><a title="" href="#"><img alt="" src="images/icons/topnav/register.png"><span>Register</span></a></li>
                    <li><a title="" href="#"><img alt="" src="images/icons/topnav/contactAdmin.png"><span>Contact admin</span></a></li>
                    <li><a title="" href="#"><img alt="" src="images/icons/topnav/help.png"><span>Help</span></a></li>
                </ul>
            </div>
            <div class="fix"></div>
        </div>
    </div>
</div>

<!--
<div class="switcher">
    <ul>
        <li><a class="pat1" title="" href="#"><img alt="" src="images/switcher/1.png"></a></li>
        <li><a class="pat2" title="" href="#"><img alt="" src="images/switcher/2.png"></a></li>
        <li><a class="pat3" title="" href="#"><img alt="" src="images/switcher/3.png"></a></li>
        <li><a class="pat4" title="" href="#"><img alt="" src="images/switcher/4.png"></a></li>
        <li class="last"><a class="pat5" title="" href="#"><img alt="" src="images/switcher/5.png"></a></li>
    </ul>
</div>
-->

<!--
<div class="colorSwitch">
	<a title="Switch to dark verion" href="http://themes.kopyov.com/itsbrain/fixed/dark/login.html"></a>
</div>

<div class="layoutSwitch">
	<a title="Switch to fixed verion" href="http://themes.kopyov.com/itsbrain/liquid/light/login.html"></a>
</div>
-->

<!-- Login form area -->
<div class="loginWrapper">
	<div class="loginLogo"><img alt="" src="images/loginLogo.png"></div>
    <div class="loginPanel">
        <div class="head"><h5 class="iUser">Login</h5></div>
        <form class="mainForm" id="valid" action="index.html">
            <fieldset>
                <div class="loginRow noborder">
                    <label for="req1">Username:</label>
                    <div class="loginInput"><input type="text" id="req1" class="validate[required]" value="login" name="login"></div>
                    <div class="fix"></div>
                </div>
                
                <div class="loginRow">
                    <label for="req2">Password:</label>
                    <div class="loginInput"><input type="password" id="req2" class="validate[required]" value="password" name="password"></div>
                    <div class="fix"></div>
                </div>
                
                <div class="loginRow">
                    <div class="rememberMe"><span class="jqTransformCheckboxWrapper"><a class="jqTransformCheckbox" href="#"></a><input type="checkbox" name="chbox" id="check2" class="jqTransformHidden"></span><label style="cursor: pointer;">Remember me</label></div>
                    <input type="submit" class="greyishBtn submitForm" value="Log me in">
                    <div class="fix"></div>
                </div>
            </fieldset>
        </form>
    </div>
	<br/>
	<center><img alt="" src="images/loginLogo.png"></center>
</div>

<!-- Footer -->
<div id="footer">
	<div class="wrapper">
    	<span>&copy; Copyright 2012. All rights reserved.  <a title="" href="#">KAP Hendrawinata & Eddy Siddharta</a></span>
    </div>
</div>



<a id="toTop" href="#" style="display: none;"><span id="toTopHover"></span>To Top</a></body></html>